<!DOCTYPE html>
<!-- saved from url=(0067)# -->
<html lang="zh-CN" style="font-size: 34.722px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="/css/shop/base.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/index.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/mui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loaders.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loading.css">
    <link rel="stylesheet" href="/css/shop/swiper.min.css">
    <script src="/js/shop/rem.js"></script>
    <script src="/js/shop/jquery.min.js" type="text/javascript"></script>
    <script src="/js/shop/others.js"></script>
    <script src="/js/shop/swiper.jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
            $('.shopcar').click(function () {
                window.location.href = '/mine/shop.html';
            });

            $.get('/items/push',{state:1},function (data) {
                $('.newItem').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
            $.get('/items/push',{catalogId:3},function (data) {
                $('.familyTools').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
            $.get('/items/push',{catalogId:5},function (data) {
                $('.food').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
            $.get('/items/push',{catalogId:9},function (data) {
                $('.clothes').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
            $.get('/items/push',{catalogId:2},function (data) {
                $('.digital').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
            $.get('/items/push',{catalogId:7},function (data) {
                $('.health').renderValues({list:data.list},{
                    setHref: function (item, value) {
                        var href = $(item).data('href') + value;
                        $(item).attr('href', href);
                    }
                });
            });
        })
    </script>
</head>
<!--loading页开始-->
<body>
<div class="nav-search">
    <a href="/index.html">
        <span><i class="fa fa-angle-left fa-2x" ></i></span>
    </a>
</div>
<div class="loading loader-chanage" style="display: none;">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->

<!--头部区域-->
<header class="mui-bar mui-bar-nav" id="header">
    <h4>积分商城</h4>
</header>
<div id="main" class="clearfloat warp">
    <div class="mui-content">
        <!--banner开始-->
        <div class="banner swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1500px, 0px, 0px);">
                <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="2" style="width: 375px;">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy swiper-lazy-loaded" alt="" src="/img/shop/banner3.jpg">
                    </a>
                </div>
                <div class="swiper-slide" data-swiper-slide-index="0" style="width: 375px;">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy swiper-lazy-loaded" alt="" src="/img/shop/banner4.jpg">
                    </a>
                </div>
                <div class="swiper-slide" data-swiper-slide-index="1" style="width: 375px;">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy swiper-lazy-loaded" alt=""src="/img/shop/banner1.jpg">
                    </a>
                </div>
                <div class="swiper-slide swiper-slide-prev" data-swiper-slide-index="2" style="width: 375px;">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy swiper-lazy-loaded" alt="" src="/img/shop/banner3.jpg">
                    </a>
                </div>
                <div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0"style="width: 375px;">
                    <a href="javascript:void(0)">
                        <img class="swiper-lazy swiper-lazy-loaded" alt="" src="/img/shop/banner4.jpg">
                    </a>
                </div>
            </div>
        </div>
        <!--第一栏分类开始-->
        <div class="cation clearfloat box-s">
            <ul>
                <li>
                    <a href="#">
                        <img src="/img/shop/ico5.png">
                        <p>新品专区</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="/img/shop/ico2.png">
                        <p>送礼首选</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="/img/shop/ico3.png">
                        <p>积分获取</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="/img/shop/ico4.png">
                        <p>私人定制</p>
                    </a>
                </li>
            </ul>
        </div>
        <!--第一栏分类结束-->


        <!--新品专区-->
        <div class="theme clearfloat newItem">
            <div class="boutit clearfloat">
                <span></span>
                <samp>新品专区</samp>
            </div>
            <div class="content clearfloat" render-loop="list" >
                <div class="list clearfloat fl">
                    <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imageUrl">
                        </div>
                        <div class="shang clearfloat fl box-s">
                            <p class="tit over" render-html="list.description"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
<div class="item">
        <!--1F家居用品、电器-->
         <div class="theme clearfloat food">
             <div class="boutit clearfloat">
                <span></span>
                <samp>1F家居用品、电器</samp>
             </div>
                <div class="content clearfloat" render-loop="list" >
                    <div class="list clearfloat fl">
                        <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                            <div class="tu clearfloat fr">
                                <span></span>
                                <img render-src="list.imageUrl">
                            </div>
                            <div class="shang clearfloat fl box-s">
                                <p class="tit over" render-html="list.description"></p>
                                <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                            </div>
                        </a>
                    </div>
            </div>
        </div>
        <!--2F小吃零食-->
        <div class="theme clearfloat food">
            <div class="boutit clearfloat">
                <span></span>
                <samp>2F小吃零食</samp>
            </div>
            <div class="content clearfloat" render-loop="list" >
                <div class="list clearfloat fl">
                    <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                        <div class="tu clearfloat fr">
                            <span></span>
                            <img render-src="list.imageUrl">
                        </div>
                        <div class="shang clearfloat fl box-s">
                            <p class="tit over" render-html="list.description"></p>
                            <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!--3F男女服装-->
    <div class="theme clearfloat clothes">
        <div class="boutit clearfloat">
            <span></span>
            <samp>3F男女服装</samp>
        </div>
        <div class="content clearfloat" render-loop="list" >
            <div class="list clearfloat fl">
                <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                    <div class="tu clearfloat fr">
                        <span></span>
                        <img render-src="list.imageUrl">
                    </div>
                    <div class="shang clearfloat fl box-s">
                        <p class="tit over" render-html="list.description"></p>
                        <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--4F手机、数码配件-->
    <div class="theme clearfloat digital">
        <div class="boutit clearfloat">
            <span></span>
            <samp>4F手机、数码配件</samp>
        </div>
        <div class="content clearfloat" render-loop="list" >
            <div class="list clearfloat fl">
                <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                    <div class="tu clearfloat fr">
                        <span></span>
                        <img render-src="list.imageUrl">
                    </div>
                    <div class="shang clearfloat fl box-s">
                        <p class="tit over" render-html="list.description"></p>
                        <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--5F个护化妆-->
    <div class="theme clearfloat health">
        <div class="boutit clearfloat">
            <span></span>
            <samp>5F个护化妆</samp>
        </div>
        <div class="content clearfloat" render-loop="list" >
            <div class="list clearfloat fl">
                <a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
                    <div class="tu clearfloat fr">
                        <span></span>
                        <img render-src="list.imageUrl">
                    </div>
                    <div class="shang clearfloat fl box-s">
                        <p class="tit over" render-html="list.description"></p>
                        <p><span>积分:</span><span class="over db red" render-html="list.price"></span></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
    </div>
</div>
<!--footer star-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="/mine/shop.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>
        <li>
            <a href="/mine/itemcatalog.html">
                <i class="iconfont icon-icon04"></i>
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/shopcar.html" class="shopcar">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/profiles.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
<!--footer end-->


</body>
</html>